<template>
	<view>
		<view style="width: 200rpx;position: relative;" @click="itemClick(item.id)">
			<image :src="$url+item.imageUrl" mode="aspectFill"
			style="width: 200rpx;height: 280rpx;border-radius: 0.5em;"></image>
			<text style="position: absolute;right: 10rpx;top: 10rpx;background-color: #635A5B;
			color: #FFFFFF;padding: 5rpx;">{{item.state}}</text>
			<view style="font-size: 30rpx;padding: 15rpx 0; height: 140rpx;">
				{{item.name}}
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:["item"],
		name:"bookshelf-item",
		data() {
			return {
				
			};
		},
		methods:{
			itemClick(e){
				this.$emit("itemClick",e)
			}
		}
	}
</script>

<style>

</style>
